<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <title>Document</title>
   <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
   <meta name="description" content="" />
   <meta name="keywords" content="" />
   <link href="" rel="stylesheet" />
</head>
<body>
   <div id="app">
        {{msg}}
        <ul>
            <li v-for="item in list">{{item}}</li>
            <!-- item 循环的value或者是元素 in是关键字 list是data里写的list -->
        </ul>
   </div>
   <script src="../vue.js"></script>
   <script>
       new Vue({
           //找到当前渲染的根节点
           el: "#app",
           data: {
               msg:'hello',
               list:[
                   'a','b','c'
               ]
           }
       })
   </script>
</body>
</html>